<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Facelet Title</title>
        <style type="text/css">
            .ui-layout-north {
                z-index:20 !important;
                overflow:visible !important;;
            }

            .ui-layout-north .ui-layout-unit-content {
                overflow:visible !important;
            }
            .ui-widget, 
            .ui-widget .ui-widget { 
                font-size: 14px !important; 
            } 
        </style>
    </h:head>
    <h:body>
        <p:ajaxStatus onstart="statusDialog.show();"
                      onsuccess="statusDialog.hide();"/>
        <p:dialog modal="true" widgetVar="statusDialog" header="Status"
                  draggable="false" closable="false">
            <p:graphicImage library="imagem" name="ajax-loader.gif" />
        </p:dialog>
        <p:layout fullPage="true" >

            <p:layoutUnit id="top" position="north" size="50">

                MENU DO ADMINISTRADOR
            </p:layoutUnit>
            <p:layoutUnit id="left" position="west" size="300" resizable="true" closable="true" collapsible="true" header="Options" minSize="200">
                <h:form>
                    <p:accordionPanel multiple="true">  
                        <p:tab title="Produto">  
                            <h:panelGrid columns="1" >  
                                <p:button outcome="cadastro_produto.xhtml" value="Produto"/>
                                <p:button outcome="categoria.xhtml" value="Categoria"/>
                                <p:button outcome="catalogo.xhtml" value="Catálogo"/>

                            </h:panelGrid>  
                        </p:tab> 
                    </p:accordionPanel>  
                </h:form>
            </p:layoutUnit>

            <p:layoutUnit id="center" position="center">
                <ui:insert name="divmeio" >
                    meio
                </ui:insert>
            </p:layoutUnit>

        </p:layout>
    </h:body>
</html>

